<!DOCTYPE html>
<!--suppress ALL-->
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title th:text="${className!=null?(className+'-有贝口腔网'):'推荐-有贝口腔网'}"></title>
    <meta name="keywords" content="美白,口腔美白,牙齿美白">
    <meta name="description" content="有贝口腔网是专注口腔资讯服务网站，为用户提供专业的口腔资讯，口腔知识，口腔问题等综合服务型网站">
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/commone.css">
    <link rel="stylesheet" href="/css/commtwo.css">
    <link rel="stylesheet" href="/css/commthree.css">

    <link rel="stylesheet" media="screen and (min-width:481px)" href="/css/consult.css">
    <link rel="stylesheet" media="screen and (max-width:480px)" href="/css/consult(1).css">

    <script src="/js/hm.js"></script>
    <script type="text/javascript">
        var basePath = "/";
    </script>
    <script src="/js/common.js"></script>
    <script src="/js/jquery-3.5.1.min.js"></script>
    <script src="/js/footfixed.js"></script>

    <script src="/js/right-lub.js"></script>
    <script src="/js/consult.js"></script>
    <link rel="stylesheet" href="/css/layer(1).css" id="layuicss-layer">
</head>
<body>
<div class="content">
    <div th:replace="./common/hasbei_top"></div>
    <div class="content-main">
        <div th:replace="~{/consult/consult_type::consult_type}"></div>
        <div class="bread-crumb">
            <div>
                <a href="/">首页</a>
                <span>/</span>
                <a th:href="${'/zx/'+classId}" th:text="${className!=null?className:'推荐'}"></a>
            </div>
        </div>
        <div class="zixun-info">
            <div class="main-content">
                <div class="main-content-list">
                    <ul class="tab">
                        <script type="text/javascript">
                            var tabType = 10;
                            var page = 1;
                            function querytype(type) {
                                var cid = $("#text").attr("data_cid"); //获取自定义属性data_obj中的值
                                page = 1;
                                tabType=type;

                                //清空数据
                                $("#myzxInfo").empty();

                                $(".load-more").show();
                                $(".load-more-two").hide();
                                $(".zx-no-data").hide();

                                $.post("/czxLoadInfo?cid="+cid+"&page="+page+"&tabType="+tabType,function(data){
                                    $(".load-more").hide();
                                    //如果没有数据了就隐藏
                                    if(data.code==301 || data.code == null){
                                        $(".zx-no-data").show();
                                    }else{
                                        $(".load-more-two").show();
                                        $("#myzxInfo").append(data.data);
                                    }
                                });

                            }
                        </script>
                        <li class="ckecked" onclick="querytype(10)" style="cursor:pointer;">
                            <a>全部</a>
                        </li>
                        <li class="" onclick="querytype(15)" style="cursor:pointer;">
                            <a>热门</a>
                        </li>
                        <li class="" onclick="querytype(20)" style="cursor:pointer;">
                            <a>最新</a>
                        </li>
                    </ul>
                </div>

                <div id="myzxInfo" class="main-info-list main-info-t10">
                    <!--十五条数据-->
                    <div class="list-item"  th:each="essayt:${zxCEssayList}">
                        <div class="list-item-left">
                            <a th:href="${'/consult_solo/'+essayt.getEssayId()}"><img th:src="${essayt.getImgPath()}" alt="有贝口腔网"></a></div>
                        <div class="list-item-right">
                            <div class="list-item-title">
                                <a th:href="${'/consult_solo/'+essayt.getEssayId()}" th:text="${essayt.getEssayTitle()}"></a>
                            </div>
                            <div class="list-item-content-text">
                                <a th:href="${'/consult_solo/'+essayt.getEssayId()}" th:text="${essayt.getEssaySynopsis()}"></a>
                            </div>
                            <div class="list-item-info">
                                <a th:href="${'/zx/'+essayt.getClassifyId()}"><span class="tui-jian" th:text="${essayt.getClassifyT().getClassifyName()}"></span></a>

                                <div class="ping-lun">
                                    <a th:href="${'/consult_solo/'+essayt.getEssayId()}">
                                        <img src="/icon/pinglun.png">
                                        <span th:text="${essayt.getCommentCount()}"></span>
                                        <span>评论</span>
                                    </a>
                                </div>
                                <div class="shou-cang">
                                    <a th:href="${'/consult_solo/'+essayt.getEssayId()}">
                                        <img src="/icon/shoucang.png">
                                        <span th:text="${essayt.getCollectCount()}"></span>
                                        <span>收藏</span>
                                    </a>
                                </div>
                                <div class="yue-du">
                                    <a th:href="${'/consult_solo/'+essayt.getEssayId()}">
                                        <img src="/icon/yuedu.png">
                                        <span th:text="${essayt.getReadCount()}"></span>
                                        <span>阅读</span>
                                    </a>
                                </div>
                                <span class="dotted">·</span>
                                <span class="time-before" th:text="${#dates.format(essayt.getGroundTime(),'MM-dd HH:mm')}"></span>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="fen-ye">
                    <input  hidden="hidden" id="text" th:data_cid="${classId}">
                    <script type="text/javascript">

                        function czxLoadInfo() {
                            var cid = $("#text").attr("data_cid"); //获取自定义属性data_obj中的值
                            page++;

                            $(".load-more").show();
                            $(".load-more-two").hide();
                            $(".zx-no-data").hide();

                            $.post("/czxLoadInfo?cid="+cid+"&page="+page+"&tabType="+tabType,function(data){
                                $(".load-more").hide();
                                //如果没有数据了就隐藏
                                if(data.code==301 || data.code == null){
                                    $(".zx-no-data").show();
                                }else{
                                    $(".load-more-two").show();

                                    $("#myzxInfo").append(data.data);
                                }
                            });
                        }
                    </script>

                    <div class="load-more" style="display:none;">
                        <img src="/img/load-more.gif" alt="有贝口腔网">
                        <span>加载中</span>
                    </div>
                    <div class="load-more-two load-more-fade" onclick="czxLoadInfo()">点击加载更多</div>
                    <div class="zx-no-data" style="display:none;">-- 没有数据啦,我是有底线的哦 --</div>

                </div>
            </div>

            <div class="aside-left margin-t0">

                <div class="wonderful-top">
                    <div class="wonderful-top-title">相关推荐</div>
                    <div class="allsee-item">
                        <ul>
                            <li th:each="essayt,userStat:${recommend}">
                                <a th:href="${'/consult_solo/'+essayt.getEssayId()}" target="_blank">
                                    <span th:class="${userStat.index<3?'other-bg':''}" th:text="${userStat.index+1}"></span>
                                    <div th:text="${essayt.getEssayTitle()}"></div>
                                </a>
                            </li>

                        </ul>
                    </div>
                </div>
                <div class="wonderful-top">
                    <div class="wonderful-top-title">其他看点</div>
                    <!--其他看点6条-->
                    <a th:href="${'/consult_solo/'+essayt.getEssayId()}"  target="_blank" th:each="essayt,userStat:${rest}" th:if="${userStat.index<6}">

                        <div class="wonderful-item-line">
                            <div class="allsee-item-left">
                                <img th:src="${essayt.getImgPath()}" th:alt="${essayt.getEssayTitle()}"></div>
                            <div class="allsee-item-right" th:text="${essayt.getEssayTitle()}"></div>
                        </div>


                    </a>
                </div>

            </div>
        </div>
    </div>
    <div th:replace="common/hasbei_bottom"></div>
</div>

</body>
</html>